import React from 'react';
import { renderRoutes } from 'react-router-config';
import { Link } from 'react-router-dom';
import { LogoHeader } from '../../../components/Header';
import CarouselBox from '../components/Carousel';
import SearchBox from '../components/SearchBox';
import Message from '../components/Message';

import styles from './index.module.less';

import img1 from '../../../asset/images/new/img1.png';
import img2 from '../../../asset/images/new/img2.png';

export default class Details extends React.Component {
  render() {
    const extra = (
      <React.Fragment>
        <button className={styles.publishPriceBtn}>发布询价单</button>
        <button className={styles.publishGoodsBtn}>发布商品</button>
      </React.Fragment>
    );
    return (
      <div>
        <LogoHeader moduleName='资讯中心' rightContent={<SearchBox />} extra={extra}/>
        <div className={styles.line}></div>
        <div className={styles.content}>
          <div className={styles.clearfix}></div>
          <div className={styles.box1 + ' ' + styles.pullLeft}>
            <React.Fragment>
              <div className={styles.detailBox}>
                <div className={styles.title}>纸价的涨跌只是短期常态，决定未来的是新制造模式</div>
                <div className={styles.title2Box}>
                  <div className={styles.pullLeft + ' ' + styles.title2}>
                    <span className={styles.s1}>国内新闻</span>
                    <span className={styles.s2}>|</span>
                    <span className={styles.s3}>来源</span>
                    <span className={styles.s4}><Link to="/">中国纸业网</Link></span>
                  </div>
                  <div className={styles.pullRight + ' ' + styles.title3}>
                    <span>2018-09-21 12 ：12</span>
                    <i className={`iconfont icon-chakan ${styles.chakanIcon}`}></i>
                    <span className={styles.s5}> 2222 </span>
                    <i className={`iconfont icon-dianzan ${styles.chakanIcon}`}></i>
                    <span className={styles.s6}> 8888 </span>
                  </div>
                  <div className={styles.clearfix}></div>
                </div>
                <div className={styles.titleContent}>
                  <p>
              &nbsp; &nbsp; &nbsp; &nbsp;据国家统计局9月30日消息，国家统计局服务业调查中心高级统计师赵庆河表示，9月份，制造业PMI为50.8%，环比回落0.5个百分点，继续运行在景气区间，制造业总体延续扩张态势，增速有所放缓。此外，非制造业商务活动指数连续两个月回升，综合PMI产出指数继续回升。
                  </p>
                  <p>
              &nbsp; &nbsp; &nbsp; &nbsp;赵庆河指出，本月制造业PMI主要特点包括：一是制造业基本面总体平稳。在调查的21个行业中，14个行业的PMI位于扩张区间，其中医药、专用设备、电气机械器材等制造业PMI均位于53.5%以上较高运行水平，增速较快。有色金属冶炼及压延加工、通用设备、木材加工及家具等制造业PMI继续位于收缩区间。二是供需小幅波动。生产指数和新订单指数为53.0%和52.0%，分别比上月回落0.3和0.2个百分点，供需持续保持景气状态，但扩张略有放缓。三是进出口景气度继续回落。新出口订单指数和进口指数为48.0%和48.5%，分别低于上月1.4和0.6个百分点，景气度均落至年内低点。近期衡量国际贸易水平的波罗的海干散货运价指数（BDI）大幅回落，表明国际贸易摩擦持续发酵对全球贸易产生了一定负面影响。四是企业原材料采购成本加大。主要原材料购进价格指数为59.8%，比上月上升1.1个百分点，出厂价格指数为54.3%，与上月持平，均为年内高点。其中石油加工、黑色金属冶炼及压延加工等上游行业两个价格指数位于63.0%及以上的高位景气区间。调查结果显示，主要原材料购进价格指数和出厂价格指数差值连续两个月扩大，本月升至5.5个百分点，表明制造业原材料价格上涨快于产品出厂价格，部分中下游企业利润受到一定影响。五是大型企业运行稳健，小型企业经营状况继续改善。大型企业PMI为52.1%，与上月持平，今年以来该指数始终位于52.0%及以上的扩张区间，且本月生产指数和新订单指数环比均有所提升，是制造业保持扩张的主要动力；中型企业PMI为48.7%，低于上月1.7个百分点，位于收缩区间；小型企业PMI为50.4%，高于上月0.4个百分点，连续两个月上升。
                  </p>
                  <p>
              &nbsp; &nbsp; &nbsp; &nbsp;赵庆河指出，9月份，非制造业商务活动指数为54.9%，比上月上升0.7个百分点，高于年均值0.2个百分点，表明非制造业总体继续保持稳中向好的发展势头。
                  </p>
                  <p>
              &nbsp; &nbsp; &nbsp; 服务业保持稳健运行。服务业商务活动指数为53.4%，与上月持平。生活服务类消费较快增长，生活性服务业商务活动指数为57.0%，比上月上升1.8个百分点，扩张步伐有所加快。本月业务总量增长较快的行业有零售、航空运输、邮政、住宿、电信、互联网软件、银行等，商务活动指数均位于55.0%以上的较高景气区间。道路运输、证券、房地产等行业商务活动指数持续位于临界点以下，业务总量有所减少。从价格情况看，投入品价格指数和销售价格指数为54.3%和51.0%，分别高于上月1.4和0.7个百分点，表明服务业市场活跃度有所上升。
              &nbsp; &nbsp; &nbsp; 建筑业重回高位景气区间。9月建筑业进入生产旺季，商务活动指数为63.4%，环比、同比分别上升4.4和2.3个百分点，升至高位景气区间，建筑业生产活动加快。从市场需求看，建筑业新订单指数为55.7%，比上月上升6.1个百分点，建筑业市场需求继续保持稳步增长。
              &nbsp; &nbsp; &nbsp; 此外，赵庆河表示，9月份，综合PMI产出指数为54.1%，高于上月和年均值0.3和0.1个百分点，表明我国企业生产经营活动总体保持平稳。其中，构成综合PMI产出指数的制造业生产指数和非制造业商务活动指数分别为53.0%和54.9%，环比一降一升。
                  </p>
                </div>
                <div className={styles.footerBox + ' ' + styles.clearfix}>
                  <div className={styles.pullLeft}>
                    <div className={styles.d1}><Link to='/'>上一篇：9月制造业总体延续扩张态势 非制造业保持稳中向好势头</Link> </div>
                    <div><Link to='/'>下一篇：为什么旺季难挽再生塑料市场颓势？</Link></div>
                  </div>
                  <div className={styles.pullRight}>
                    <button>赞 | 7</button>
                  </div>
                </div>

              </div>

            </React.Fragment>
          </div>
          <div className={styles.box2 + ' ' + styles.pullRight}>
            <Message/>
          </div>
          <div className={styles.clearfix}></div>
        </div>
      </div>
    );
  }
}
